﻿/* CSS Document */
*{margin: 0;
padding: 0;
font-size: 12px;
}
img{border: 0;}
body {
	background-color: #F5F5F5;
}
.top{
	width: 100%;
	height: 27px;
	background: url(../images/top_bg.jpg) repeat-x;
}
.top-content{
	width: 1000px;
	line-height: 27px;
	margin: 0 auto;
}
.top-content li{
	float: right;
	list-style-image: url(../images/arrow.jpg); 
	width: 70px;
}
.top-content li a:link,.top-content li a:visited{
	color: #8E8E8E; 
	text-decoration: none;
}
.top-content li a:hover,.top-content li a:active{
	color: #C00;
	text-decoration:none;
}
.wrap{
	width: 1000px;
	margin: 0 auto;
}
.logo{
	height: 80px;
	background-color: #fff;
}
.logo-left{
	float: left;
	height: 80px;
}
.logo-right{
	float: right;
	height: 28px;
	margin-top: 30px;
	padding-right: 35px;
	line-height:28px;
}
.logo-right img{
	vertical-align: middle;
	margin-right: 10px;
}
.tel{
	font-size: 20px;
	color: #C00;
}
.nav{
	height: 40px;
}
.nav-left{
	width: 10px;
	height: 40px;
	float: left;
	
	background: url(../images/nav_left.jpg) no-repeat;
}
.nav-mid{
	float: left;
	width: 980px;
	height: 40px;
	
	background: url(../images/nav_bg.jpg) repeat-x;
}
.nav-right{
	width: 10px;
	height: 40px;
	float: left;
	
	background: url(../images/nav_right.jpg) no-repeat;
}
.nav-mid li{
	list-style: none;
	float: left;
	width: 100px;
	text-align: center;
	line-height: 40px;
}
.nav-mid li a:link,.nav-mid li a:visited{
	font-size: 16px;
	color: #fff;
	text-decoration:none;
}
.nav-mid li a:hover,.nav-mid li a:active{
	font-size: 16px;
	color: #FF0;
	text-decoration:none;
}
.nav_mid_left {
	width: 680px;
	
}
.nav_mid_right {
	width: 300px;
	
}
.nav-mid-left, .nav-mid-right {
	float: left;
	/*display: inline;
	overflow: hidden;*/
}
.search-text {
	width: 190px;
	float: left;
	height: 25px;
	margin-top: 5px;
	background: url(../images/search.jpg) no-repeat right center;
	background-color: #FFF;
	border: 1px solid #FFF;
	padding-right: 25px;
}
.ad{
	height: 360px;
	width: 1000px;
	margin-top: 5px;
	overflow: hidden;
	position: relative; 
}
.ad ul{position:absolute;} 
.ad ul li{height:360px;}
.ad ol{
	position:absolute;
    right:5px;
    bottom:10px;
    list-style: none;
}
.ad ol li{
	height:20px; width: 20px;
    background:#ccc;
    border:solid 1px #666;
    margin-left:5px;
    color:#000;
    float:left;
    line-height:20px;
    text-align:center;
    cursor:pointer;
}
.ad ol .on{
	background:#E97305;
    color:#fff;
}

.main{
	height: 250px;
	margin-top: 5px;
	background-color: #fff;
}
.news{
	width:340px;
	border: 1px solid #E8E8E8;
}
.products{
	width: 410px;
	margin: 0 7px;
	border: 1px solid #E8E8E8;
}
.sidebar{
	width: 230px;
}
.news,.products,.sidebar{
	float: left;
	height: 250px;
	
}
.title{
	height: 35px;
	border-bottom: 2px solid #E8E8E8;
	line-height:35px;
	font-size: 14px;
	font-weight: bold;
	color: #786F66;
}
.title_left{
	float:left;
	width:70%;
	padding-left:20px;	
	
}
.title_right{
	float:right;
	width:20%;
	
}
.title_right a {
	color: #999;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	padding-right: 10px;
}

.pic_news {
	height: 80px;
	margin-top: 10px;
	line-height: 22px;
}
.pic_news img, .product_list img {
	float: left;
	margin: 0 5px;
}
.pic_news a, .product_list a {
	color: #C00;
	text-decoration: none;
}
.news_list{
	margin-top: 20px;

}

.news_list li {
	background: url(../images/list.jpg) no-repeat;
	list-style-type: none;
	padding-left: 10px;
	line-height: 17px;
	border-bottom: 1px solid #ccc;
	margin:8px;

}
.news_list span {
	float: right;
	color: #999;
}
.news_list a:link, .news_list a:visited {
	text-decoration: none;
	color: #000;
}
.news_list a:hover, .news_list a:active {
	color: #F00;
	text-decoration: none;
}
.product_list {
	height: 120px;
	margin-top: 10px;
	line-height: 22px;
}
.product_type{
	width: 372px;
	height: 37px;
	background: url(../images/product_type_bg.jpg) no-repeat;
	margin: 20px auto;
}
.product_type li{
	list-style: none;
	float: left;
	line-height: 37px;
	text-align: center;
	margin: 0 15px 
}

.video {
	height: 185px;
	margin-bottom: 5px;
	border: 1px solid #E8E8E8;
}
.video_content {
	height: 150px;
}
.service {
	height: 55px;
	border: 1px solid #E8E8E8;
}

.copyright{
	width: 100%;
	height: 200px;
	background-color: #E8E8E8;
	margin-top: 10px;
	overflow: hidden;
	clear: both;
}
.copyright_content{
	width: 1000px;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 20px;
}
.copyright_content li{
	width: 200px;
	background: url(../images/line.png) no-repeat right center;
	float: left;
	list-style: none;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	color: #999;
}
.copyright_content li ul li {
	font-size: 14px;
}

/*list文件的CSS样式*/

.list_main{
	width:1000px;
	min-height: 352px;
	_height:352px;
	margin-top: 10px;
	background-color: #fff;
	overflow: hidden;
}
.news_type{
	width: 220px;
	height:350px;
	border: 1px solid #E8E8E8;
	float: left;
}

.list_box{
	width: 770px;
	min-height: 350px;
	_height:350px;
	border: 1px solid #E8E8E8;
	float: right;
}
.news_type h2{
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	background: url(../images/titile_bg.gif) repeat-x;
	padding-left: 20px;
}
.news_type_content{
	height: 265px;
	background: url(../images/content_bg.gif) repeat-x;
}

.news_type_content li{
	height: 30px;
	line-height: 30px;
	list-style: none;
	padding-left: 20px;
}
.news_type_content li a{
	color: #666;
	text-decoration: none;
	background: url(../images/li_bg.gif) no-repeat left center;
	padding-left: 10px;
	display: block;
}
.news_type_content li a:hover{
	color: #009cdf;
	background: url(../images/li_bg2.gif) no-repeat left center;
	background-color: #f2f2f2;
}
.list_box h2{
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	color: #666;
	background: url(../images/type_bg.png) repeat-x;
	padding-left: 20px;
}
.page {
	height: 40px;
	margin-top: 10px;
	text-align: center;
}
.page a {
	display: inline-block;
	border: 1px solid #E8E8E8;
	text-decoration: none;
	margin: 5px;
	padding: 5px 10px;
}
.page a:link, .page a:visited {
	color: #000;
}
.page a:hover, .page a:active {
	color: #FFF;
	background-color: #cc1b1b;
}

/*新闻详细页*/
.list_box h1{
	font-size: 20px;
	text-align: center;
	margin: 10px 0;
}

.list_box_newsInfo{
	color: #666;
	text-align: center;
	border-bottom: 1px dotted #666;
}

.list_box_newsContent{
	font-size: 14px;
	padding: 20px;
	line-height: 25px;
	text-indent: 2em;
}

/*回到顶部按钮*/
#btn{
	width: 40px;
	height: 40px;
	position: fixed;
	right: 65px;
	bottom: 10px;
	background:url(../images/top_bg.png) no-repeat;
	
}

#btn:hover{
	background:url(../images/top_bg.png) no-repeat 0 -39px;
}

.reg_Main{
	width: 1000px;
	margin-top: 5px;
	padding-bottom: 30px;
	background-color: #fff;
}
#inpList{
	border-radius:5px; 
	font-size:14px;
}
#inpList dt{
	padding:10px 0; 
	height:40px; 
	line-height:40px; 
	font-size:24px; 
	border-bottom:1px #E8E8E8 dashed; 
	text-align:center;
}

#inpList dd{
	margin-top: 15px;
	margin-left: 100px;
	overflow: hidden;
}
#inpList dd label{
	height: 30px;
	line-height: 30px;
}
#inpList dd label input{
	width:300px; 
	height:26px; 
	line-height:26px;
	border:1px #c7c7c7 solid;
}
#inpList dd .names{
	width:70px; 
	font-size:14px; 
	text-align:right;
}
#inpList dd p{
	margin-left:5px; 
	height:30px; 
	line-height:34px; 
	color:#808080; 
	font-size:12px; 
	position:relative;
}
#inpList dd p,#inpList dd label{
	float: left;
}
#inpList dd p i{
	display:none; 
	top:8px; 
	left:0; 
	width:16px; 
	height:16px; 
	background:url(../images/prompt.png) no-repeat; 
	overflow:hidden; 
	position:absolute;
}
#enter{
	display:block; 
	margin-left:76px; 
	padding:0 8px; 
	width:114px; 
	height:30px; 
	line-height:30px; 
	text-align:center; 
	text-decoration:none; 
	color:#eee; 
	background:#05a;
}
#enter:hover{
	color:#fff; 
	background:#0051a1;
}

#inpList dd.point label{
	color:#0051a1;
}
#inpList dd.point input{
	border:1px #5ca0df solid; 
	color:#333;
}
#inpList dd.point p{
	padding-left:20px;
}
#inpList dd.point p i{
	display:block;
}
#inpList dd.error label{
	color:#c00;
}
#inpList dd.error input{
	border:1px #f8b3d0 solid; 
	color:#333;
}
#inpList dd.error p{
	padding-left:20px;
}
#inpList dd.error p i{
	display:block; 
	background-position:0 -16px;
}
#inpList dd.ok p i{
	display:block; 
	background-position:0 -32px;
}
.cl{
	zoom:1;
}
.cl:after{
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	overflow:hidden; 
	content:'.';
}

/*鼠标拖曳效果的登陆界面*/

.ui-dialog{ 
	width: 380px;height: auto;display: none;
	position: absolute;z-index: 9000;
	top: 0px;left: 0px;
	border: 1px solid #D5D5D5;background: #fff;
}

.ui-dialog a{text-decoration: none;}

.ui-dialog-title{
	height: 48px;line-height: 48px; padding:0px 20px;color: #535353;font-size: 16px;
	border-bottom: 1px solid #efefef;background: #f5f5f5;
	cursor: move;
	user-select:none;
}
.ui-dialog-closebutton{
	width: 16px;height: 16px;display: block;
	position: absolute;top: 12px;right: 20px;
	background:url(../images/close_def.png) no-repeat;
	cursor: pointer;
}
.ui-dialog-closebutton:hover{background:url(../images/close_hov.png) no-repeat;}

.ui-dialog-content{
	padding: 15px 20px;
}
.ui-dialog-pt15{
	padding-top: 15px;
}
.ui-dialog-l40{
	height: 40px;line-height: 40px;
	text-align: right;
}

.ui-dialog-input{
	width: 100%;height: 40px;
	margin: 0px;padding:0px;
	border: 1px solid #d5d5d5;
	font-size: 16px;color: #c1c1c1;
	text-indent: 25px;
	outline: none;
}
.ui-dialog-input-username{
	background: url(../images/input_username.png) no-repeat 2px ;
}

.ui-dialog-input-password{
	background: url(../images/input_password.png) no-repeat 2px ;
}
.ui-dialog-submit{
	width: 100%;height: 50px;background: #3b7ae3;border:none;font-size: 16px;color: #fff;
	outline: none;text-decoration: none;
	display: block;text-align: center;line-height: 50px;
}
.ui-dialog-submit:hover{
	background: #3f81b0;
}

.ui-mask{ 
	width: 100%;height:100%;background: #000;
	position: absolute;top: 0px;height: 0px;z-index: 8000;
	opacity:0.4; filter: Alpha(opacity=40);
}
















